﻿$(document).ready(function() {
    $('#tblList').on('click', '.btnView', function() {
        $('#' + hMode).val("VIEW");
        $("#ctl00_ContentHolder_validsums").html("");
        
        var tblEdit = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var tRow = $(this).closest('tr');
        var tCell = tRow.children('td');
        var tCode = tCell.eq(0).text();
        var tName = tCell.eq(1).text();
        var tPICName = tCell.eq(2).text();
        var tPICNameCL = tCell.eq(3).text();
        var tAddress = tCell.eq(4).text();

        tblEdit.children('tr').eq(0).children('td').eq(2).find('span').text(tCode);
        tblEdit.children('tr').eq(0).children('td').eq(2).find('input:text').val(tCode);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('span').text(tName);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('input:text').val(tName);
        tblEdit.children('tr').eq(2).children('td').eq(2).find('span').text(tPICName);
        tblEdit.children('tr').eq(2).children('td').eq(2).find('.txtInfo').val(tPICName);
        tblEdit.children('tr').eq(3).children('td').eq(2).find('span').text(tPICNameCL);
        tblEdit.children('tr').eq(3).children('td').eq(2).find('.txtInfo').val(tPICNameCL);
        tblEdit.children('tr').eq(4).children('td').eq(2).find('span').text(tAddress);
        tblEdit.children('tr').eq(4).children('td').eq(2).find('.txtInfo').val(tAddress);

        divList.hide();
        $('#tblInfo').fadeIn(300);
    });
    $('#btnAdd').click(function() {
        $('#' + hMode).val("INSERT");
        $("#ctl00_ContentHolder_validsums").html("");
        
        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        $('.spnInfo').text('');
        $('.txtInfo').val('');

        $('#listHolder, .spnInfo, #btnEdit').hide();
        $('#tblInfo, .txtInfo, #' + btnSave).show();
    });
    $('#btnEdit').click(function() {
        $('#' + hMode).val("UPDATE");
        $("#ctl00_ContentHolder_validsums").html("");
        
        $('#btnEdit, .spnInfo').hide();
        var tblSrc = $("#tblInfo > tbody");
        var tblRows = tblSrc.children('tr');
        var ctrl = tblRows.eq(0).children('td').find('.txtInfo');
        ctrl.prop("readonly", true);

        $('.txtInfo, #' + btnSave).fadeIn(300, function() {
            //var tblSrc = $("#tblInfo > tbody");
            //var tblRows = tblSrc.children('tr');
            //var ctrl = tblRows.eq(0).children('td').find('.txtInfo');
            //ctrl.prop("readonly", true);
        });
    });
    $('#btnCancel').click(function() {
        $('#' + hMode).val("VIEW");

        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var sCode = tblBody.children('tr').eq(0).children('td').eq(2).find('span');
        var sName = tblBody.children('tr').eq(1).children('td').eq(2).find('span');
        var sPIC = tblBody.children('tr').eq(2).children('td').eq(2).find('span');
        var sPICCL = tblBody.children('tr').eq(3).children('td').eq(2).find('span');
        var sAddress = tblBody.children('tr').eq(4).children('td').eq(2).find('span');

        var vCode = sCode.text();
        var vName = sName.text();
        var vPIC = sPIC.text();
        var vPICCL = sPICCL.text();
        var vAddress = sAddress.text();

        tblBody.children('tr').eq(0).children('td').eq(2).find('input:text').val(vCode).hide();
        tblBody.children('tr').eq(1).children('td').eq(2).find('input:text').val(vName).hide();
        tblBody.children('tr').eq(2).children('td').eq(2).find('.txtInfo').val(vPIC).hide();
        tblBody.children('tr').eq(3).children('td').eq(2).find('.txtInfo').val(vPICCL).hide();
        tblBody.children('tr').eq(4).children('td').eq(2).find('.txtInfo').val(vAddress).hide();
        sCode.show();
        sName.show();
        sPIC.show();
        sPICCL.show();
        sAddress.show();

        $('#tblInfo, #' + btnSave).hide();
        $('#listHolder, #btnEdit').fadeIn();
    });
});